<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        $(function () {
            //全选
            $("#qx").click(function () {
                $(":checkbox").prop("checked", true);
            });
            //全不选
            $("#qbx").click(function () {
                $(":checkbox").prop("checked", false);
            });
            //反选
            $("#fx").click(function () {
                $(":checkbox").each(function () {
                    if($(this).prop("checked")){
                        $(this).prop("checked",false);
                    }else{
                        $(this).prop("checked",true);
                    }
                });
            });
            //通过一个复选框控制所有的复选框的选中或不选中
            $("#selectAll").click(function () {
                /*if($(this).prop("checked")){
                    $(":checkbox:gt(0)").prop("checked",true);
                }else{
                    $(":checkbox:gt(0)").prop("checked",false);
                }*/
                $(":checkbox:gt(0)").prop("checked",$(this).prop("checked"));
            });
            $(":checkbox:gt(0)").click(function () {
                if($(":checkbox:gt(0)").length == $(":checkbox:gt(0):checked").length){
                    $("#selectAll").prop("checked",true);
                }else{
                    $("#selectAll").prop("checked",false);
                }
            });
        });
    </script>
</head>
<body>
<input type="button" value="全选" id="qx">
<input type="button" value="全不选" id="qbx">
<input type="button" value="反选" id="fx">
<input type="checkbox" id="selectAll">
<br>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</body>
</html>